<!DOCTYPE html>
<!-- saved from url=(0039)https://vue2-wechat.github.io/#/contact -->
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>
            Vue.js2.0仿微信应用
        </title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="icon" href="https://vue2-wechat.github.io/favicon.ico">
        <link href="./index_files/header01.png" rel="apple-touch-icon-precomposed">
        <link href="https://vue2-wechat.github.io/css/chunk-17aa9f68.d374099c.css"
        rel="prefetch">
        <link href="./index_files/chunk-21d7e693.9f19269a.css" rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-3af015cb.45cfe2a3.css"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-4ae28482.cd8dba60.css"
        rel="prefetch">
        <link href="./index_files/chunk-4c4430ae.8f08bb10.css" rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-4da53c15.e4a5552d.css"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-56ed70a5.0a955af6.css"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-601c8140.ae685279.css"
        rel="prefetch">
        <link href="./index_files/chunk-6d29962f.17585cf9.css" rel="prefetch">
        <link href="./index_files/chunk-72de9ca8.9f62b727.css" rel="prefetch">
        <link href="./index_files/chunk-7f3fe95c.3d91d5e3.css" rel="prefetch">
        <link href="./index_files/chunk-9e045000.4e3ce48e.css" rel="prefetch">
        <link href="./index_files/chunk-b41b6018.a0e79a61.css" rel="prefetch">
        <link href="https://vue2-wechat.github.io/css/chunk-d8f1123a.b056a437.css"
        rel="prefetch">
        <link href="./index_files/chunk-db1548ba.17d26853.css" rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-17aa9f68.bb205606.js"
        rel="prefetch">
        <link href="./index_files/chunk-21d7e693.38373aab.js.下载" rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0a4fcc.a4bbc4ae.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0aa1d5.7e540302.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0ae98a.bbc95643.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0b30a8.f99ef8d5.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0c80a0.59c842f6.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0ced66.dae73558.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0d7664.35b61893.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0dd68c.0d44eb42.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d0dd7ce.07e60b0f.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-2d226c9c.35dc472e.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-3af015cb.d82fb788.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-4ae28482.7be3fd3d.js"
        rel="prefetch">
        <link href="./index_files/chunk-4c4430ae.c7cb3029.js.下载" rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-4da53c15.fd127074.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-56ed70a5.0b9b87a8.js"
        rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-601c8140.f80b5256.js"
        rel="prefetch">
        <link href="./index_files/chunk-6d29962f.c5f3cfc8.js.下载" rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-6e414a46.7c2c8d48.js"
        rel="prefetch">
        <link href="./index_files/chunk-72de9ca8.59428f13.js.下载" rel="prefetch">
        <link href="./index_files/chunk-7f3fe95c.fbf8662f.js.下载" rel="prefetch">
        <link href="./index_files/chunk-9e045000.594d9b89.js.下载" rel="prefetch">
        <link href="./index_files/chunk-b41b6018.11eca083.js.下载" rel="prefetch">
        <link href="https://vue2-wechat.github.io/js/chunk-d8f1123a.e2a42011.js"
        rel="prefetch">
        <link href="./index_files/chunk-db1548ba.8e6d7a49.js.下载" rel="prefetch">
        <link href="./index_files/app.736542db.css" rel="preload" as="style">
        <link href="./index_files/app.b8ecce07.js.下载" rel="preload" as="script">
        <link href="./index_files/chunk-vendors.f6edd30e.js.下载" rel="preload"
        as="script">
        <link href="./index_files/app.736542db.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-b41b6018.a0e79a61.css">
        <script charset="utf-8" src="./index_files/chunk-b41b6018.11eca083.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-9e045000.4e3ce48e.css">
        <script charset="utf-8" src="./index_files/chunk-9e045000.594d9b89.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-21d7e693.9f19269a.css">
        <script charset="utf-8" src="./index_files/chunk-21d7e693.38373aab.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-6d29962f.17585cf9.css">
        <script charset="utf-8" src="./index_files/chunk-6d29962f.c5f3cfc8.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-4c4430ae.8f08bb10.css">
        <script charset="utf-8" src="./index_files/chunk-4c4430ae.c7cb3029.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-7f3fe95c.3d91d5e3.css">
        <script charset="utf-8" src="./index_files/chunk-7f3fe95c.fbf8662f.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-72de9ca8.9f62b727.css">
        <script charset="utf-8" src="./index_files/chunk-72de9ca8.59428f13.js.下载">
        </script>
        <link rel="stylesheet" type="text/css" href="./index_files/chunk-db1548ba.17d26853.css">
        <script charset="utf-8" src="./index_files/chunk-db1548ba.8e6d7a49.js.下载">
        </script>
    </head>
    
    <body>
        <div id="app">
            <div class="welcome hide">
                <img src="./index_files/welcome.jpg" alt="">
            </div>
            <div class="outter">
                <header class="app-header">
                    <div id="wx-header">
                        <div class="other">
                            <span class="iconfont icon-tips-jia" style="display: none;">
                            </span>
                            <span class="iconfont icon-tips-add-friend" style="">
                            </span>
                            <span style="display: none;">
                                添加朋友
                            </span>
                            <span class="iconfont icon-chat-friends" style="display: none;">
                            </span>
                            <ul class="tips-menu tips-close">
                                <li>
                                    <span class="iconfont icon-tips-xiaoxi">
                                    </span>
                                    <div>
                                        发起群聊
                                    </div>
                                </li>
                                <li class="">
                                    <span class="iconfont icon-tips-add-friend">
                                    </span>
                                    <div>
                                        添加朋友
                                    </div>
                                </li>
                                <li>
                                    <span class="iconfont icon-tips-saoyisao">
                                    </span>
                                    <div>
                                        扫一扫
                                    </div>
                                </li>
                                <li>
                                    <span class="iconfont icon-tips-fukuan">
                                    </span>
                                    <div>
                                        收付款
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="center">
                            <span>
                                通讯录
                            </span>
                            <span class="parentheses" style="display: none;">
                            </span>
                        </div>
                    </div>
                </header>
                <div id="search" class="" style="">
                    <div id="search_bar" class="weui-search-bar">
                        <form class="weui-search-bar__form">
                            <div class="weui-search-bar__box">
                                <i class="weui-icon-search">
                                </i>
                                <input type="search" id="search_input" placeholder="搜索" class="weui-search-bar__input">
                                <a class="weui-icon-clear">
                                </a>
                            </div>
                            <label for="search_input" id="search_text" class="weui-search-bar__label">
                                <i class="weui-icon-search">
                                </i>
                                <span>
                                    搜索
                                </span>
                            </label>
                        </form>
                        <a id="search_cancel" class="weui-search-bar__cancel-btn">
                            取消
                        </a>
                    </div>
                    <article>
                        <h3 class="weui-media-box__desc">
                            搜索指定内容
                        </h3>
                        <div class="tag">
                            <span>
                                朋友圈
                            </span>
                            <span>
                                文章
                            </span>
                            <span>
                                公众号
                            </span>
                            <span>
                                小说
                            </span>
                            <span>
                                音乐
                            </span>
                            <span>
                                表情
                            </span>
                        </div>
                        <div class="weui-cells">
                            <a href="javascript:;" class="weui-cell weui-cell_access">
                                <div class="weui-cell__hd">
                                    <img src=""
                                    alt="" style="width: 20px; margin-right: 5px; display: block;">
                                </div>
                                <div class="weui-cell__bd">
                                    <p>
                                        朋友圈热文
                                    </p>
                                </div>
                                <div class="weui-cell__ft">
                                </div>
                            </a>
                        </div>
                    </article>
                </div>
                <section class="app-content">
                    <div id="contact">
                        <section>
                            <div class="weui-cells_contact-head weui-cells weui-cells_access" style="margin-top: -1px;">
                                <a href="https://vue2-wechat.github.io/vue-wechat/#/contact/new-friends"
                                class="weui-cell">
                                    <div class="weui-cell_hd">
                                        <img src=""
                                        class="img-obj-cover">
                                    </div>
                                    <div class="weui-cell_bd weui-cell_primary">
                                        <p>
                                            新的朋友
                                        </p>
                                    </div>
                                </a>
                                <a href="https://vue2-wechat.github.io/vue-wechat/#/contact/group-list"
                                class="weui-cell">
                                    <div class="weui-cell_hd">
                                        <img src=""
                                        class="img-obj-cover">
                                    </div>
                                    <div class="weui-cell_bd weui-cell_primary">
                                        <p>
                                            群聊
                                        </p>
                                    </div>
                                </a>
                                <a href="https://vue2-wechat.github.io/vue-wechat/#/contact/tags" class="weui-cell">
                                    <div class="weui-cell_hd">
                                        <img src=""
                                        class="img-obj-cover">
                                    </div>
                                    <div class="weui-cell_bd weui-cell_primary">
                                        <p>
                                            标签
                                        </p>
                                    </div>
                                </a>
                                <a href="https://vue2-wechat.github.io/vue-wechat/#/contact/official-accounts"
                                class="weui-cell">
                                    <div class="weui-cell_hd">
                                        <img src=""
                                        class="img-obj-cover">
                                    </div>
                                    <div class="weui-cell_bd weui-cell_primary">
                                        <p>
                                            公众号
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <div class="weui-cells__title">
                                B
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/baiqian.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        白浅
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                G
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/guangyu.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        关羽
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                H
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/huangyueying.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        黄月英
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                L
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/liubei.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        刘备
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                S
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/sunshangxiang.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        孙尚香2
                                    </div>
                                </div>
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/sunquan.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        孙权
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                Y
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/yehua.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        夜华
                                    </div>
                                </div>
                            </div>
                            <div class="weui-cells__title">
                                Z
                            </div>
                            <div class="weui-cells">
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/header01.png" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        阿荡
                                    </div>
                                </div>
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/zhugeliang.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        诸葛亮
                                    </div>
                                </div>
                                <div class="weui-cell weui-cell_access">
                                    <div class="weui-cell__hd">
                                        <img src="./index_files/zhenji.jpg" class="home__mini-avatar___1nSrW">
                                    </div>
                                    <div class="weui-cell__bd">
                                        甄姬
                                    </div>
                                </div>
                            </div>
                        </section>
                        <div class="initial-bar">
                            <span>
                                B
                            </span>
                            <span>
                                G
                            </span>
                            <span>
                                H
                            </span>
                            <span>
                                L
                            </span>
                            <span>
                                S
                            </span>
                            <span>
                                Y
                            </span>
                            <span>
                                Z
                            </span>
                        </div>
                    </div>
                </section>
                <footer class="app-footer">
                    <div id="wx-nav">
                        <nav>
                            <dl class="">
                                <dt class="iconfont icon-wechat">
                                    <i class="new-msg-count" style="">
                                        2
                                    </i>
                                </dt>
                                <dd>
                                    微信
                                </dd>
                            </dl>
                            <dl class="router-link-exact-active router-link-active">
                                <dt class="iconfont icon-contact">
                                </dt>
                                <dd>
                                    通讯录
                                </dd>
                            </dl>
                            <dl class="">
                                <dt class="iconfont icon-find">
                                    <i class="new-msg-dot">
                                    </i>
                                </dt>
                                <dd>
                                    发现
                                </dd>
                            </dl>
                            <dl class="">
                                <dt class="iconfont icon-me">
                                </dt>
                                <dd>
                                    我
                                </dd>
                            </dl>
                        </nav>
                    </div>
                </footer>
            </div>
            <!---->
        </div>
        <script src="./index_files/chunk-vendors.f6edd30e.js.下载">
        </script>
        <script src="./index_files/app.b8ecce07.js.下载">
        </script>
    </body>

</html>